<template>
    <div class="about">
     <child :list="list"/>
    </div>
</template>
<script setup lang="ts">
import child from '@/components/child.vue'

const list =[
    {
        height: 100,
        background: 'red'
    },
    {
        height: 400,
        background: 'blue'
    },
    {
        height: 500,
        background: 'yellow'
    },
    {
        height: 200,
        background: 'green'
    },
    {
        height: 300,
        background: '#303133'
    },
    {
        height: 150,
        background: '#909399'
    },
    {
        height: 50,
        background: '#409EFF'
    },
    {
        height: 250,
        background: '#79bbff'
    },
    {
        height: 70,
        background: '#f8e3c5'
    },
    {
        height: 40,
        background: '#f89898'
    },
    {
        height: 120,
        background: '#73767a'
    },
    {
        height: 180,
        background: '#95d475'
    },
    {
        height: 20,
        background: '#f8e3c5'
    },
    {
        height: 350,
        background: '#f89898'
    },
    {
        height: 450,
        background: '#73767a'
    },
    {
        height: 260,
        background: '#95d475'
    }
]

</script>
<style>
.about{
    height: 100%;
}
</style>
  